<template>
  <div class="dropdown"> 
    <lottery-icon :name="name"></lottery-icon>
    <span class="title">
      {{name}}
    </span>
    <span class="icon-down" @click="slideUp">
      <i class="iconfont iconty_zhankai"></i>
    </span>
  </div>
</template>

<script>
import LotteryIcon from '@/components/base/lottery-icon/lottery-icon'

export default {
  components: {
    LotteryIcon,
  },
  props: {
    name: {
      type: String,
      default: ''
    }
  },
  methods: {
    slideUp() {
      this.$emit('click')
    }
  }
}
</script>

<style lang="stylus" scoped>
  @import '~@/assets/styles/variables.styl'
  @import '~@/assets/styles/mixins.styl'
  .dropdown 
    display flex
    align-items center
    .title 
      margin 0 5px
    .icon-down
      extend-click()
      .iconfont   
        font-size 12px
</style>